{% extends 'base.html' %}
{% block title %}Attendance List{% endblock %}
{% block content %}
<h3>Attendance for {{ sel_date }}</h3>

<form method="get" class="row g-2 mb-3">
  <div class="col-auto">
    <input type="date" name="date" value="{{ sel_date }}" class="form-control">
  </div>
  <div class="col-auto">
    <button class="btn btn-primary">Filter</button>
  </div>
</form>

<table class="table table-striped">
  <thead>
    <tr>
      <th>Roll</th>
      <th>Name</th>
      <th>Status</th>
    </tr>
  </thead>
  <tbody>
    {% for r in records %}
    <tr>
      <td>{{ r.student.roll_number }}</td>
      <td>{{ r.student.name }}</td>
      <td>
        {% if r.status == 'Present' %}
          <span class="badge bg-success">Present</span>
        {% else %}
          <span class="badge bg-danger">Absent</span>
        {% endif %}
      </td>
    </tr>
    {% empty %}
    <tr><td colspan="3">No attendance records for this date.</td></tr>
    {% endfor %}
  </tbody>
</table>

{% endblock %}